
.clear{clear: both;}
        
      .movie_ul{
//        height: 1000px;
      }
    .movies{
       
        display: block;padding: 10px 0;box-sizing: border-box;
                width: 100%;height:130px;        
    .movies_img{
        float: left;margin-left: 10px;margin-right: 12px;
        img{width:80px;height:110px;}
    }
    .content{ border-bottom: 1px solid gainsboro;
        min-width:156px;
      
        text-align: left;
       float: left;
       width: calc(100% - 162px );height: 100%;
       h1{font-size: 19px;font-weight: 700px;height: 24px;margin-bottom: 8px;
        span{img{width:44px;height: 15px;}}
       }
       h2{font-size: 15px;height: 20px;line-height: 20px;font-weight: normal;margin: 3px 0;
            span{font-size: 17px;color: #faaf00;font-weight: 700px;}
        }
        h1,h3,h4{
//          min-width:156px;
        text-overflow:ellipsis; //文本溢出的裁切方式   ellipsis用省略号
        white-space: nowrap;    //是否换行   nowrap不换行
        overflow: hidden;      // 超出部分隐藏

            font-size: 15px;font-weight: normal;margin: 3px 0;}
    }
    .btn{
        width: 60px;height: 100%;position: relative;
        float: right;
        button{position: absolute;top: 41px;right: 5px;
            width: 50px;color: white;
            height: 28px;border-radius: 4px;
        }
        .can{background: #f03d37;}.cannot{background: #3c9fe6;}
    }
    
    
    }
    
    .playingnomore{text-align: center;height: 38px;line-height: 42px;background-color: #eaeaea12;font-size: 14px;color:#003643d6;}
//················详情页(影院)···········································
        .loading{position: fixed;top:calc(50vh - 30px);left: calc(50vw - 30px);}
        .nomore{text-align: center;height: 40px;line-height: 43px;background-color: #fcf7efd4;font-size: 14px;color:#003745ab;}
        .detail_box{  width: 100%;height: 188px;overflow: hidden;position: relative;}
        .gray{ width: 100%;height: 188px;background: #333; position: absolute;top: 0;left: 0;}
       .zhezao{
         position: absolute;top: 0;left: 0;background-size: cover;
         width: 100%;height: 188px;opacity: 0.55;filter: blur(22px);
     }  
 .detail{position: absolute;top: 0;right: 0;
     position: relative;
//   background: indianred;
     box-sizing: border-box;
     padding: 19px 0;
     width: 100%;
     height: 188px;
    z-index: 2;
    }  
    .detail_img{
        margin-left: 15px;margin-right: 13px;
//      width: 110px;height: 150px;
       float: left;
    img{width: 110px;
    height: 150px;}
  
    }  
    .detail_content{
       
        width: calc(100% - 158px);
        float: left;color:white;
        h1,h2,h3,h4,h5,h6{margin-top: 5px;font-weight: normal;text-align: left;font-size: 12px;}
        h1{font-size: 20px;font-weight: 700;margin-top: 2px;}
        h2{font-size: 12px;margin-top: 11px;}
        h6{margin-top: 10px;min-height: 10px;}
        .wish{color:#fc0;font-size: 14px;font-weight: 700;}
        h3{
           span{border: 1px solid gainsboro;
               img{width: 42px;height: 13px;}}
        }
        h4,h5{}
    }
    .detail_more{position: absolute;right: 0;top:calc(50% - 8px) ;
        width: 10px;height: 15px;color: gainsboro;
        float: right;margin-right:10px;
    }

//      日期
.movie_date{
    width: 100%;height: 43px;
    ul{
        width: 100%;height: 43px;
        ////横向滚动//////////////////////////
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        ////////////////////////////////
        display: flex;flex: 1;
    }
    li{ font-size: 14px; color: #666;min-width: 32%;max-width: 50%;
        box-sizing: border-box;
        
        display: inline-block;
        
        height: 100%;
        line-height: 43px;
    }
    .choose{
        border: 1px solid gainsboro;
        background: #fafafa;
        border-bottom: 2px solid #f03d37;
        color:#ea1919;
    }
    .first{
        border: 1px solid gainsboro;
        background: #fafafa;
        border-bottom: 2px solid #f03d37;
        color:#ea1919;
    }
}

//      全城 品牌 特色  ...
.cinema_nav{
    display: flex;
    border-top: 1px solid  #e8e8e8;
    border-bottom: 1px solid  #e8e8e8;
    div{
        color: #777;text-align: center;
        font-size: 13px;
        width: 32%;height: 40px;line-height: 40px;
        span{
            float: right;
            
        }
    }
}


h1,h2,h3,h4,h5,h6{
    font-weight: normal;font-size: 16px;
}

//  电影院信息
.cinema{      
    box-sizing: border-box;
    padding: 13px 15px 13px 15px;
    min-width:320px;
    border-bottom: 1px solid white;
    width: 100%;background: blanchedalmond;
    text-align: left;
    h1{height: 23px;line-height: 23px;margin-bottom: 3px;
        font-size: 17px;margin-top: 1px;
        .price{font-size: 19px;color: #f03d37;margin-left: 6px;}
        .q{font-size: 11px;color: #f03d37;}
    }
    .h2_flex{display: flex;flex: 1;
        
    h2{margin: 4px 0 1px 0;
        color: #666;font-size: 14px;height: 19px;line-height: 19px;}
    h2:nth-of-type(1){width: 88%;text-overflow:ellipsis; //文本溢出的裁切方式   ellipsis用省略号
        white-space: nowrap;    //是否换行   nowrap不换行
        overflow: hidden;      // 超出部分隐藏
                    }
    h2:nth-of-type(2){box-sizing: border-box;padding-left: 10px;}    
    }
    h3{ margin: 2px 0 5px 0;font-size: 12px;box-sizing: border-box;
        height: 17px;line-height: 17px;
        span{margin-right: 5px;}
        .allowRefund{    
             color: #589daf;
             border: 1px solid #589daf;}
        .hallType{    
            color: #589daf;border: 1px solid #589daf;
            }
        .endorse{    
            color: #589daf;border: 1px solid #589daf;
            }    
        .snack{
             color: #f90;
             border: 1px solid #f90;
        }
        .vipTag{
             color: #f90;
             border: 1px solid #f90;
        }
    }
    h4{margin: 6px 0;
        font-size: 14px;height: 18px;line-height: 18px;color: #999;
        span{img{width: 15px;height: 14px;vertical-align: middle;}}
    }
    h5{margin-top:5px;
        color: #777;height: 18px;line-height: 18px;font-size: 12.5px;}
}

//··················

